<template>
  <view class="content">
    <text class="success-icon yticon icon-xuanzhong2" />
    <text class="tit">
      支付成功
    </text>
		
    <view class="btn-group">
      <navigator
        :url="'/pages/orderDetail/orderDetail?orderNo=' + orderNo"
        open-type="redirect"
        class="mix-btn"
      >
        查看订单详情
      </navigator>
      <navigator
        url="/pages/index/index"
        open-type="switchTab"
        class="mix-btn hollow"
      >
        返回首页
      </navigator>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
			orderNo: ''	
    }
  },
  onLoad(option) {
    this.orderNo = option.orderNo
  },
  methods: {
			
  }
}
</script>

<style lang='scss'>
	.content{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.success-icon{
		font-size: 160rpx;
		color: #fa436a;
		margin-top: 100rpx;
	}
	.tit{
		font-size: 38rpx;
		color: #303133;
	}
	.btn-group{
		padding-top: 100rpx;
	}
	.mix-btn {
		margin-top: 30rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 600rpx;
		height: 80rpx;
		font-size: $font-lg;
		color: #fff;
		background-color: $base-color;
		border-radius: 10rpx;
		&.hollow{
			background: #fff;
			color: #303133;
			border: 1px solid #ccc;
		}
	}
</style>
